@extends("default.common.layout")

@section('content')
    <div class="body-center">
        <!-- 服务体验轮播 -->
        <div class="experience-banner">
            <div class="experience-banner-box">
                <img src="{{_asset('static/images/product-banner.png')}}" class="img"/>
            </div>
        </div>
        <div class="container">
            <!-- 文化体验 -->
            <div class="culture-experience">
                <div class="title">
                    <p>沉浸式文化体验</p>
                    <h3>酱酒体验 文化传承</h3>
                    <div class="desc">
                        <div>
                            国醇酱酒文化馆,利用文化馆平台整合合伙人资源，扩大自有圈层。同时利用良好的品牌文化与服务体验高效转化客户,促进合作产生价值。让客户更加直接的
                            感受国醇酱酒文化。
                        </div>
                    </div>
                </div>
            </div>
            <!-- 展示区域 -->
            <div class="exhibition-show">
                <!-- 接待区展示 -->
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-5">
                        <div class="show-info">
                            <h2>接待区</h2>
                            <p>
                                接待区位于体验馆入室正前方,并以国醇集团标志性红色玄关作为过道与接待区
                                隔断企业形象鲜明且识别性强,接待区主要分为三个部分内容呈现,即会客品茗酱酒文化展示与企业文化宣传。
                            </p>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-12 col-lg-7">
                        <div class="show-banner">
                            <div id="reception" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-indicators">
                                    <button
                                        type="button"
                                        data-bs-target="#reception"
                                        data-bs-slide-to="0"
                                        class="active"
                                        aria-current="true"
                                        aria-label="Slide 1"></button>
                                    <button
                                        type="button"
                                        data-bs-target="#reception"
                                        data-bs-slide-to="1"
                                        class="active"
                                        aria-current="true"
                                        aria-label="Slide 2"></button>
                                </div>
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="{{_asset('static/images/reception-sj1.jpg')}}" class="d-block"/>
                                    </div>
                                    <div class="carousel-item">
                                        <img src="{{_asset('static/images/reception-sj2.jpg')}}" class="d-block"/>
                                    </div>
                                </div>
                                <button class="carousel-control-prev" type="button" data-bs-target="#reception" data-bs-slide="prev">
										<span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Previous</span>
                                </button>
                                <button class="carousel-control-next" type="button" data-bs-target="#reception" data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 产品展示 -->
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-7">
                        <div class="show-banner">
                            <div id="product" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-indicators">
                                    <button
                                        type="button"
                                        data-bs-target="#product"
                                        data-bs-slide-to="0"
                                        class="active"
                                        aria-current="true"
                                        aria-label="Slide 1"></button>
                                </div>
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="{{_asset('static/images/product-sj1.jpg')}}" class="d-block" alt="" />
                                    </div>
                                </div>
                                <button class="carousel-control-prev" type="button" data-bs-target="#product" data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Previous</span>
                                </button>
                                <button class="carousel-control-next" type="button" data-bs-target="#product" data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-12 col-lg-5">
                        <div class="show-info">
                            <h2>产品展示区</h2>
                            <p>
                                国醇产品展示区位于体验馆入室左侧,该区域主要功能是集中展示国醇集团的多款优质酱酒以及所获荣誉,同时此区域还设置了国醇酱酒品鉴室、国醇线上APP
                                体验显示屏等。
                            </p>
                        </div>
                    </div>
                </div>
                <!-- 国醇用餐区 -->
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-5">
                        <div class="show-info">
                            <h2>国醇用餐区</h2>
                            <p>
                                国醇用餐区位于体验馆入室右侧,该区域主要功能为贵宾用餐接待,通过国醇酱酒系列产品展示、国醇酱酒酿造工艺流程图文解读等氛围营造,给用餐者深厚的国
                                醇酱酒文化体验。
                            </p>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-12 col-lg-7">
                        <div class="show-banner">
                            <div id="dining" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-indicators">
                                    <button
                                        type="button"
                                        data-bs-target="#dining"
                                        data-bs-slide-to="0"
                                        class="active"
                                        aria-current="true"
                                        aria-label="Slide 1"></button>
                                </div>
                                <div class="carousel-inner">
                                    <div class="carousel-item active">
                                        <img src="{{_asset('static/images/dining-sj1.jpg')}}" class="d-block" alt="" />
                                    </div>
                                </div>
                                <button class="carousel-control-prev" type="button" data-bs-target="#dining" data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Previous</span>
                                </button>
                                <button class="carousel-control-next" type="button" data-bs-target="#dining" data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 专业服务 -->
                <div class="exhibition-service">
                    <div class="title">
                        <p>下沉式专业服务</p>
                        <h3>品质为本 客户之上</h3>
                    </div>
                    <div class="row">
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>品鉴师培训</h4>
                            <div class="line"></div>
                            <p>
                                国醇酒业免费为每一个酒窖提供专业的品鉴培训,为用户传播专业的白酒品鉴及饮用知识
                            </p>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>勾调师培训</h4>
                            <div class="line"></div>
                            <p>
                                国醇酒业让用户在酒窖体验的同时,可以进行深入的互动,为每一个用户勾调出属于他的产品
                            </p>
                        </div>
                        <div class="col-12 col-sm-12 col-md-4 content">
                            <h4>定期文化交流</h4>
                            <div class="line"></div>
                            <p>
                                多形式宴请管内客户，定期举办酱酒品鉴活动，由公司定期赠送礼品至客户
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
